/**
* Infinite Scroll End:
* ------
* Marker that gets appended to the end of a list (e.g. posts) once
* infinite scroll has reached the last page.
*/

.infinite-scroll-end {
  position: relative;
  width: 100%;
  margin-top: (15 / 15) * 1em;
  text-align: center;
  &:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    z-index: z-index( 'root', '.infinite-scroll-end:before' );
    border-bottom: solid 1px lighten( $gray, 25% );
  }
  &:after {
    @include noticon( '\f205', (24 / 15) * 1em );
    color: $gray;
    font-size: (22 / 15) * 1em;
    padding: 0 (8 / 22) * 1em;
    background-color: $gray-light;
  }
}
